<header class="container-fluid main-color" id="embed_page_header">
    <div class="row">
        <div class="col-12 col-sm-12 col-md-12 embed_header_title text-center">找回帐号密码:第二步</div>
    </div>
</header>
<div id="embed_page">
    <div class="container">
        <form name="form" data-submit="once" class="theme-form" (ngSubmit)="f.form.valid && resetPassword(submitBtn)" #f="ngForm" novalidate>
        <div id="embed_page_form" class="main-color">
            <div class="alert alert-warning alert-dismissible" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <strong>Warning!</strong> 请在3分钟内完成操作,超时找回密码将以失败告终
            </div>
            <div class="alert alert-danger" role="alert" *ngIf="errorMessage.length > 0">
                <strong>oOps!</strong> {{errorMessage}}
            </div> 
            <div class="form-group">
                <label class="bmd-label-floating" for="newpswd">新密码</label>
                <input type="password" name="newpswd" tabindex="1" class="form-control" placeholder="请输入新的登录密码" [(ngModel)]="member.newpswd" #newpswd="ngModel" [ngClass]="{ 'is-invalid': f.submitted && newpswd.invalid }" minlength="6" required="required"/>
                <span class="bmd-help">必须介于6个字符和100个字符之间</span>
                <ul *ngIf="f.submitted && newpswd.invalid" class="parsley-errors-list filled">
                    <li *ngIf="newpswd.errors.required">请输入新密码</li>
                    <li *ngIf="newpswd.errors.minlength">新密码不能少于6个字母</li>
                </ul>
            </div>
            <div class="form-group">
                <label class="bmd-label-floating" for="confirmpswd">确认密码</label>
                <input type="password" name="confirmpswd" tabindex="2" class="form-control" placeholder="请重新确认新的密码" [(ngModel)]="member.confirmpswd" #confirmpswd="ngModel" ngValidateEqual="newpswd" [ngClass]="{ 'is-invalid': f.submitted && confirmpswd.invalid }" minlength="6" required="required"/>
                <span class="bmd-help">必须介于6个字符和100个字符之间</span>
                <ul *ngIf="f.submitted && confirmpswd.invalid" class="parsley-errors-list filled">
                    <li *ngIf="confirmpswd.errors.required">请输入确认密码</li>
                    <li *ngIf="confirmpswd.errors.minlength">确认密码不能少于6个字母</li>
                    <li *ngIf="confirmpswd.hasError('notEqual')">新密码的前后输入不一致</li>
                </ul>
            </div>
            <input type="submit" tabindex="3" class="btn btn-primary btn-block" value="下一步" [ngClass]="{'disabled': !f.form.valid}" #submitBtn/>
        </div>
        </form>
    </div>
</div>